<div class="site-wrap2 clearfix">
{$dzMessage}
<div id="thumbnail" class="clearfix"> 
	<!--/ item -->
	{foreach from=$aNews item=news}
	<div class="item type-cate type{$news.news_cat_id}">
		<div class="title-cate">
			<h2> <i class="icon-type-sm type-sm{$news.news_cat_id}"></i> <a href="{'category/detail/%d'|l:$news.news_cat_id}">{$aCat[$news.news_cat_id]}</a> </h2>
		</div>
		<div class="img"> 
			<!--thanh cong cu an-->
			<ul class="toolsHide">
				<li><a href="http://{$smarty.server.HTTP_HOST}{'news/detail/%d'|l:$news.news_id}" title="Share" class="btnFbShare"><i class="icon-share"></i></a></li>
				<li><a href="#" title="Thích"class="btn-news-like" news-id="{$news.news_id}"><i class="icon-thumbs-up"></i></a></li>
				<li><a href="#" title="Quan tâm" class="btn-news-follow" news-id="{$news.news_id}"><i class="icon-bookmark"></i></a></li>
			</ul>
			<!--End thanh cong cu an--> 
			<a href="{'news/detail/%d'|l:$news.news_id}"><img src="{$news.news_thumb|thumb:'w210'}" /></a> </div>
		<div class="infoAlbum clearfix">
			<div class="titleAlbum">
				<h3><a href="{'news/detail/%d'|l:$news.news_id}">{$news.news_title}</a></h3>
			</div>
			<div class="desAlbum">
				<p> {$news.news_desc} <a class="more" href="{'news/detail/%d'|l:$news.news_id}">Xem tiếp</a> </p>
			</div>
			{if $news.news_source!=''}
			<div class="sourceUploaded">
				{if $news.news_source_url==''}
				<a><i class="icon-map-marker"></i>{$news.news_source}</a>
				{else}
				<a href="{$news.news_source_url|escape}" rel="nofollow"><i class="icon-map-marker"></i>{$news.news_source}</a>
				{/if}
			</div>
			{/if}
			<div class="dateUploadedAlbum">{$news.news_updated|date_format:'%d/%m/%Y'}</div>
		</div>
		<ul class="toolAlbum clearfix">
			<li class="likeAlbum"><a href="#"><i class="icon-thumbs-up"></i>{$news.news_likes|number_format}</a></li>
			<li class="commentAlbum"><a href="#"><i class="icon-comment"></i>195</a></li>
			<li class="viewAlbum"><i class="icon-eye-open"></i>{$news.news_views|number_format}</li>
		</ul>
	</div>
	{/foreach}
	<div class="btnUpTop"><a href="#" title="Lên đầu trang">Lên đầu trang</a></div>
</div>

<script src="{'js/jquery.masonry.min.js'|ltpl}" type="text/javascript" charset="utf-8"></script>
{literal}
<script>
$(function(){  
  var $container = $('#thumbnail');
	$container.imagesLoaded( function(){
		$container.masonry({
			isAnimated: true,
			itemSelector: '.item',
  		columnWidth: 240
		});
	});
});
</script> 
{/literal}